<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>红包天天送</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        body{
            width: 10rem;
        }
        .bonus-wrapper{
            width: 100%;
            height: 100vh;
            color: #ffffff;
            background: url("images/bonus_bg.png") 100% 100% no-repeat;
            background-size: 100% 100%;
            position: relative;
            top: 0;
            left: 0;
        }
        .bonus-wrapper .award{
            width: 3rem;
            height: 1rem;
            background: url("images/bonus_receive_btn.png") 100% 100% no-repeat;
            background-size: 100% 100%;
            position: absolute;
            /*bottom: 6rem;*/
            /*left: 3.5rem;*/
            /*top: 8rem;*/
            top: 52vh;
            left: 3.5rem;
        }
        .bonus-wrapper .invite{
            width: 5rem;
            height: 1rem;
            background: url("images/bonus_invite_btn.png") 100% 100% no-repeat;
            background-size: 100% 100%;
            position: absolute;
            bottom: 1rem;
            left: 2.5rem;
        }
        .bonus-wrapper .rule{
            width: 10rem;
            text-align: center;
            color: #ff0000;
            position: relative;
            left: 0;
            /*top: 5rem;*/
            top: 32vh;
            font-size: 0.35rem;
        }
        .bonus-wrapper .action{
            width: 10rem;
            text-align: center;
            position: relative;
            left: 0;
            /*top: 9rem;*/
            top: 58vh;
            font-size: 0.3rem;
        }
        .bonus-wrapper .foot{
            width: 10rem;
            height: 1.8rem;
            position: relative;
            /*top: 9.5rem;*/
            top: 62vh;
            left: 0rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }
    </style>
    <script type="text/javascript" src="js/rem.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="js/invokenative.js"></script>
</head>
<body>
    <div class="bonus-wrapper">
        <p class="rule">登陆呆萌抓娃娃红包天天送(每天限一个)</p>
        <p id="award" class="award"></p>
        <p class="action">领取成功后打开支付宝APP自动领取红包!</p>
        <div class="foot">
            <div style="display: flex;flex-direction: column;justify-content: flex-start;align-items: center;">
                <p style="font-size: 0.35rem;">
                    支付宝<span style="color: #ffff00;">线下店铺支付</span>无套路红包
                </p>
                <p style="font-size: 0.3rem;">
                    Pay treasure to offline stores pay no routines
                </p>
            </div>
            <p style="font-size: 0.3rem;">新品上线 红包送不停</p>
        </div>
        <p id="invite" class="invite"></p>
    </div>
</body>
<script type="text/javascript">
    $(function () {
        var award = document.getElementById('award');
        var invite = document.getElementById('invite');
        // 封装CMD指令信息
        var awardMsg = {
            cmd: 'do_copy_to_bord',
            data: JSON.stringify({
//                'content': 'mh0cAd45rT'
                'content': 'https://render.alipay.com/p/f/fd-j6lzqrgm/guiderofmklvtvw.html?shareId=2088821158968453&campStr=p1j%2BdzkZl018zOczaHT4Z5CLdPVCgrEXq89JsWOx1gdt05SIDMPg3PTxZbdPw9dL&sign=vqwDBGSj4dHjCm8wHl4tN9y0XDCqC9HtNSJCIfQcjDg%3D&scene=offlinePaymentNewSns'
            })
        };
        var inviteMsg = {
            cmd: 'do_invite_friend',
            data: ''
        };
        // 将CMD指令信息转成json串
        var awardCMD = JSON.stringify(awardMsg);
        var inviteCMD = JSON.stringify(inviteMsg);

        // 添加相关事件
        award.onclick = function () {
            javascript:Android.command(awardCMD);
//            window.location.href = 'https://render.alipay.com/p/f/fd-j6lzqrgm/guiderofmklvtvw.html?shareId=2088821158968453&campStr=p1j%2BdzkZl018zOczaHT4Z5CLdPVCgrEXq89JsWOx1gdt05SIDMPg3PTxZbdPw9dL&sign=vqwDBGSj4dHjCm8wHl4tN9y0XDCqC9HtNSJCIfQcjDg%3D&scene=offlinePaymentNewSns';

        };
        invite.onclick = function () {
            javascript:Android.command(inviteCMD);
        };

    });
</script>
</html>